<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="lib/http.js"></script>
    <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js"></script>
</head>
<body>
    <!-- 不同域之间请求资源就算做跨域。 -->
    <!-- 同源策略 -->
    <!-- Javascript出于安全性的考虑,不允许跨域调用其他页面的对象。
        简单理解就是因为Javascript同源策略的限制,
        a.com域名下的js无法操作b.com域名下的对象。 -->
    <script>
        /* ajax({
        method:"get",
        url:"http://192.168.4.18:7000/ad",
            success:res=>{
                console.log(res)
            }
    }) */


    /* jquery-ajax  jsonp */
    /* $.ajax({
        method:"get",
        url:"http://192.168.4.18:7000/ad",
        dataType:"jsonp",
            success:res=>{
                console.log(res)
            }
    }) */


    var script = document.createElement("script");
        script.src = "http://192.168.4.18:7000/ad?&callback=handleResponse";
        document.body.prepend(script);
        function handleResponse(res) {
            // 对response数据进行操作代码
            console.log(res)
        }
    </script>
</body>
</html>